<template>
	<div>
		<div style="padding: 10px 20px">
			<div style="border: 1px solid #D7D7D7">
				<div class="wos-table-line wos-flex">
					<div style="width: 50%" class="wos-flex">
						<div style="width:100px;line-height: 38px;padding-right: 20px">时间：</div>
						<div>
							<select class="wos-input" style="width: 200px">
								<option value="">1</option>
								<option value="">2</option>
								<option value="">3</option>
								<option value="">4</option>
								<option value="">5</option>
								<option value="">6</option>
								<option value="">7</option>
								<option value="">8</option>
								<option value="">9</option>
								<option value="">10</option>
							</select>
						</div>
					</div>
					<div style="width: 50%" class="wos-flex">
						<div style="width:100px;line-height: 38px;padding-right: 20px">时间：</div>
						<div><a-date-picker show-time :placeholder="nowTime" /></div>
						<div style="padding: 0 20px;text-align:center;line-height: 30px">-</div>
						<div><a-date-picker show-time :placeholder="nowTime" /></div>
					</div>
				</div>
				<div class="wos-table-line wos-flex">
					<div style="width:100px;line-height: 38px;padding-right: 20px">录像类型：</div>
					<div>
						<select class="wos-input" style="width: 200px">
							<option value="">全部录像</option>
							<option value="">普通录像</option>
							<option value="">外部报警</option>
							<option value="">动检</option>
						</select>
					</div>
				</div>
				<div class="wos-table-line wos-flex">
					<div style="line-height: 38px;padding-right: 20px">锁定时间：</div>
					<div><input type="text" class="wos-input" style="width: 200px;margin-left: 10px"></div>
					<div class="wos-flex-auto wos-align-right">
						<button class="wos-btn wos-btn-yes" style="width: 120px;margin-right: 20px">查询</button>
						<button class="wos-btn wos-btn-yes" style="width: 120px">删除</button>
					</div>
				</div>
			</div>



			<div class="wos-table">
				<wos-table :record="zhu" ></wos-table>
			</div>
		</div>
		<div class="console" style="margin-top: 60px">
			<button>刷新</button>
		</div>
	</div>
</template>

<script>
    export default {
        name: "log",
        computed:{
            nowTime:function(){
                const myDate = new Date;
                const year = myDate.getFullYear();//获取当前年
                const month = myDate.getMonth()+1;//获取当前月
                const date = myDate.getDate();//获取当前日
                const hour = myDate.getHours();//获取当前小时数(0-23)
                const minute = myDate.getMinutes();//获取当前分钟数(0-59)
                const second = myDate.getSeconds();//获取当前秒
                return `${year}-${month}-${date}   ${hour}:${minute}:${second}`
            }
        },
        data: function () {
            return {
                zhu: {
                    "thead": [
                        {
                            "type": "Checkbox",
                            "name": "1"
                        },
                        {
                            "type": "String",
                            "name": "序号"
                        },
                        {
                            "type": "String",
                            "name": "通道"
                        },
                        {
                            "type": "String",
                            "name": "录像类型"
                        },
                        {
                            "type": "String",
                            "name": "开始时间"
                        },
                        {
                            "type": "String",
                            "name": "结束时间"
                        },
                        {
                            "type": "String",
                            "name": "锁定时间"
                        },
                        {
                            "type": "String",
                            "name": "删除"
                        }
                    ],
                    "tbody": [
                        []
                    ]
                }
            }
        }
    }
</script>

<style scoped>

</style>
